<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--META-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content=""> 
<meta name="keywords" content=""> 
<meta name="googlebot" content="all"> 
<meta name="revisit-after" content="1 Days"> 
<meta name="robots" content="all"> 
<meta name="distribution" content="global"> 
<meta name="rating" content="general"> 
<meta name="author" content=""> 
<meta http-equiv="copyright" content="Copyright © "> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> 
<title>e-sınav burada</title>
<!--STYLE-->
<link type="text/css" rel="stylesheet" href="style/site.css"  />
<link type="text/css" rel="stylesheet" href="style/nivo-slider.css"  />
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<!--SCRIPT-->
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="scripts/jquery.nivo.slider.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="scripts/common.js"></script>

</head>
<body>
<!--SITE-->
<div id="site">
	<!--HEADER-->
    <div id="header">
    	<!--LOGO-->
        <div class="logo">
        	<h1><a href="#" title="online sınav platformu">e-sınav burada</a></h1>
        </div>
        <!--OTHER PLATFORMS-->
        <div class="otherPlatforms">
        	<div class="overflow floatLeft marginTop10 otherPlatformsLabel">Diğer Platformlar</div>
            <div class="overflow floatRight otherPlatformsLink">
            	<a href="#" class="otherPlatformsUDS font12">ÜDS</a>            	
                <a href="#" class="otherPlatformsTOEFL font12">TOEFL</a>
                <a href="#" class="otherPlatformsKPDS font12">KPDS</a>
            </div>
        </div>
        <!--LOGIN BAR-->
        <div class="loginBar">
        	<!--PLATFORM TITLE-->
            <div class="platformTitle">
            	<h2>KPSS PLATFORMU</h2>
            </div>
            <!--LOGIN AREA-->
            <div class="loginArea">
            	<a id="iframeLink" href="girisContent.html" class="loginLink">GİRİŞ</a>
                <a href="#" class="loginLink">KAYIT</a>
            </div>
        </div>
        <!--PACKAGES-->
        <div class="packages">
            <a href="#" class="packagesLink">sınav paketleri</a>
        </div>
        <!--SEARCH BAR-->
        <div class="searchBar">
        	<!--ANNOUNCEMENTS-->
            <div class="announcements">
            	<!--TITLE-->
                <div class="announcementsTitle">Duyurular: </div>
                <!--ANNOUNCMENT DETAILS-->
                <div class="announcementsDetails">Yeni Sınav Eklendi  |  Kendini dene paketine 1200 soru ilave edildi. Yeni sınavları oluşturabilirsiniz...</div>
                <!--ANNOUNMENT NAVIGATION-->
                <div class="announcementsNavigaiton"><a href="#" class="announcementsNavigaitonUp">Up</a><a href="#" class="announcementsNavigaitonDown">Down</a></div>
            </div>
            <!--SEARCH-->
            <div class="search">
            	<form>
                	<input type="text" />
                    <input type="submit" value="ARA" />
                </form>
            </div>
        </div>
	</div>
	<!--CONTENT-->
    <div id="content">
    	<!--HOME UPPER-->
        <div class="overflow">
        
            <!--BIG COLUMN-->
            <div class="floatLeft bigColumn columnSeperator">
                <!--HOME VIDEO-->
                <div class="contentHolder">
					<embed src="http://www.youtube.com/v/Q9tYBRSREZU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" wmode="transparent" width="533" height="330" allowscriptaccess="always" allowfullscreen="true"></embed>                    
                </div>
            </div>
            <!--SMALL COLUMN-->
            <div class="floatLeft smallColumn">
                <!--CANDIDATE SLIDER-->
                <div class="contentHolder">
                    <div class="candidatePageUpperSlider" id="candidatePageUpperSliderCarousel">                	
                        <ul>
                            <li>
                                 <div class="candidatePageUpperSliderImage">
                                    <a href="#"><img src="data/candidate_upper_slider.jpg" /></a>
                                </div>
                                <div class="candidatePageUpperSliderBody">
                                    <p>Rakiplerinle Yarış</p>
                                    <p class="font12">Sınava giren milyonların arasındaki yerini gör.. </p>
                                </div>
                               
                            </li>
                            <li>
                                <div class="candidatePageUpperSliderImage">
                                    <a href="#"><img src="data/candidate_upper_slider1.jpg" /></a>
                                </div>
                                <div class="candidatePageUpperSliderBody">
                                    <p>Rakiplerinle Yarış</p>
                                    <p class="font12">Sınava giren milyonların arasındaki yerini gör.. </p>
                                </div>
                                
                            </li>
                            <li>
                                <div class="candidatePageUpperSliderImage">
                                    <a href="#"><img src="data/candidate_upper_slider2.jpg" /></a>
                                </div>
                                <div class="candidatePageUpperSliderBody">
                                    <p>Rakiplerinle Yarış</p>
                                    <p class="font12">Sınava giren milyonların arasındaki yerini gör..</p>
                                </div>
                                
                            </li>
                            <li>
                                <div class="candidatePageUpperSliderImage">
                                    <a href="#"><img src="data/candidate_upper_slider3.jpg" /></a>
                                </div>
                                <div class="candidatePageUpperSliderBody">
                                    <p>Rakiplerinle Yarış</p>
                                    <p class="font12">Sınava giren milyonların arasındaki yerini gör..</p>
                                </div>
                                
                            </li>
                            <li>
                                <div class="candidatePageUpperSliderImage">
                                    <a href="#"><img src="data/candidate_upper_slider4.jpg" /></a>
                                </div>
                                <div class="candidatePageUpperSliderBody">
                                    <p>Rakiplerinle Yarış</p>
                                    <p class="font12">Sınava giren milyonların arasındaki yerini gör..</p>
                                </div>
                                
                            </li>
                            <li>
                                <div class="candidatePageUpperSliderImage">
                                    <a href="#"><img src="data/candidate_upper_slider4.jpg" /></a>
                                </div>
                                <div class="candidatePageUpperSliderBody">
                                    <p>Rakiplerinle Yarış</p>
                                    <p class="font12">Sınava giren milyonların arasındaki yerini gör..</p>
                                </div>
                                
                            </li>
                            <li>
                                <div class="candidatePageUpperSliderImage">
                                    <a href="#"><img src="data/candidate_upper_slider4.jpg" /></a>
                                </div>
                                <div class="candidatePageUpperSliderBody">
                                    <p>Rakiplerinle Yarış</p>
                                    <p class="font12">Sınava giren milyonların arasındaki yerini gör..</p>
                                </div>
                                
                            </li>
                            <li>
                                <div class="candidatePageUpperSliderImage">
                                    <a href="#"><img src="data/candidate_upper_slider4.jpg" /></a>
                                </div>
                                <div class="candidatePageUpperSliderBody">
                                    <p>Rakiplerinle Yarış</p>
                                    <p class="font12">Sınava giren milyonların arasındaki yerini gör..</p>
                                </div>
                                
                            </li>
                            
                        </ul> 
                        <!--DOT PAGING-->
                        <div class="dotPagingHolder">
                            <div class="dotPaging jcarousel-control-upper-slider"> 
                                <a id="pagingDotUpper1" href="#" class="selectedPaging">1</a> 
                                <a id="pagingDotUpper2" href="#">2</a> 
                                <a id="pagingDotUpper3" href="#">3</a> 
                                <a id="pagingDotUpper4" href="#">4</a>
                                <a id="pagingDotUpper5" href="#">5</a>
                                <a id="pagingDotUpper6" href="#">6</a>
                                <a id="pagingDotUpper7" href="#">7</a>
                                <a id="pagingDotUpper8" href="#">8</a>
                             </div>
                        </div>                   
                    </div>
                </div>
                <!--SYSTEM WORKS-->
                <div class="overflow marginTop10">
                    <img src="images/SystemWorks.png"  />
                </div>
            </div>
        </div>
        <!--HOME SLIDER-->
        <div class="overflow marginTop10 contentHolder homeBannerArea">
        	<div class="overflow" id="slider">
            	<p><img src="data/home_banner1.jpg" width="818" height="100" /></p>
            	<p><img src="data/home_banner2.jpg" width="818" height="100" /></p>
                <p><embed src="data/Banner.swf" type="application/x-shockwave-flash" wmode="transparent" width="818" height="100" allowscriptaccess="always" allowfullscreen="true"></embed></p>
            </div>        	
        </div>
        <!--HOME BOTTOM-->
        <div class="overflow">
        	<!--BIG COLUMN-->
            <div class="floatLeft bigColumn columnSeperator marginTop10">
            	<p class="marginTop10 font15"><b>Haberler</b></p>
                <!--HOME NEWS-->
                <div class="contentHolder marginTop10">
                	<div class="homeNewsImage"><a href="#"><img src="data/home_news1.jpg" width="100" height="70" /></a></div>
                    <div class="homeNewsDetails">
                    	<p><a href="#"><b>Porttitor penatibus ac mu</b></a></p>
                        <p class="marginTop5 font12">Augue, platea velit eros tortor, non platea vel urna, et et. In ac, elementum natoque? Placerat urna eros et. Pulvinar, arcu? </p>
                        <div class="homeNewsDate">07.06.2011- 3 sat önce</div>
                    </div>
                </div>
                <!--HOME NEWS-->
                <div class="contentHolder marginTop10">
                	<div class="homeNewsImage"><a href="#"><img src="data/home_news2.jpg" width="100" height="70" /></a></div>
                    <div class="homeNewsDetails">
                    	<p><a href="#"><b>Porttitor penatibus ac mu</b></a></p>
                        <p class="marginTop5 font12">Augue, platea velit eros tortor, non platea vel urna, et et. In ac, elementum natoque? Placerat urna eros et. Pulvinar, arcu? </p>
                        <div class="homeNewsDate">07.06.2011- 3 sat önce</div>
                    </div>
                </div>
                <!--HOME NEWS-->
                <div class="contentHolder marginTop10">
                	<div class="homeNewsImage"><a href="#"><img src="data/home_news3.jpg" width="100" height="70" /></a></div>
                    <div class="homeNewsDetails">
                    	<p><a href="#"><b>Porttitor penatibus ac mu</b></a></p>
                        <p class="marginTop5 font12">Augue, platea velit eros tortor, non platea vel urna, et et. In ac, elementum natoque? Placerat urna eros et. Pulvinar, arcu? </p>
                        <div class="homeNewsDate">07.06.2011- 3 sat önce</div>
                    </div>
                </div>
                <!--HOME NEWS PAGINATION-->
                <div class="homeNewsPagination">
                	<span>1</span>
                    <a href="#">2</a>
                    <a href="#">3</a>
                    <a href="#">4</a>
                    <a href="#">Tüm Haberler</a>
                </div>
            </div>
            <!--BIG COLUMN-->
            <div class="floatLeft smallColumn">
                <!--HOME EXAMS-->
                <div class="homeExamDate">
                	<div class="homeExamDateSliderHeader">
                    </div>
                	<!--HOME EXAMS SLIDER-->
                    <div class="homeExamsSlider" id="homeExamsCarousel">
                    	<ul>
                        	<li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">12</div><div class="homeExamSliderItemDateMonth">Temmuz 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">TÜRKİYE GENELİ</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">20</div><div class="homeExamSliderItemDateMonth">Temmuz 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">ANKARA BÖLGESİ</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">05</div><div class="homeExamSliderItemDateMonth">Ocak 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">DENEME SINAVI</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">12</div><div class="homeExamSliderItemDateMonth">Temmuz 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">TÜRKİYE GENELİ</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">20</div><div class="homeExamSliderItemDateMonth">Temmuz 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">ANKARA BÖLGESİ</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">05</div><div class="homeExamSliderItemDateMonth">Ocak 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">DENEME SINAVI</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">12</div><div class="homeExamSliderItemDateMonth">Temmuz 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">TÜRKİYE GENELİ</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">20</div><div class="homeExamSliderItemDateMonth">Temmuz 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">ANKARA BÖLGESİ</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody noBorder">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">05</div><div class="homeExamSliderItemDateMonth">Ocak 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">DENEME SINAVI</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!--HOME NEWS PAGINATION-->
                    <div class="homeNewsPagination">
                        <a href="#">Tüm Sınavlar</a>
                        <a href="javascript:;" onclick="scrollHomeExamsNext()">&laquo;</a>                       
                        <a href="javascript:;" onclick="scrollHomeExamsPrev()">&raquo;</a>
                    </div>
                </div>
                
            </div>
        </div>
    </div>    
</div>
<div id="footer">
    <div class="footerContent">
        <div class="floatLeft" style="font-size:9px; padding-top:3px; margin-right:5px;">Copyright © 2010 e-STEP | Tüm Hakları Saklıdır.</div>
        <div class="floatLeft marginLeft10 font12 footerLinks"><a href="#">anasayfa</a>  |  <a href="#">hakkımızda</a>  |  <a href="#">site haritası</a>  |  <a href="#">yardım</a>  |  <a href="#">e-posta</a>  |  <a href="#">iletişim</a></div>
        <div class="floatRight"><a href="#" class="marginRight5"><img src="images/rss.png"></a> <a href="#" class="marginRight5"><img src="images/twitter.png"></a><a href="#" class="marginRight5"><img src="images/facebook.png"></a></div>
    </div>
</div>
</body>
</html>
